<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .box{
            position: relative;
        }
        video{
          width: 100%;
          height: 100%;
        }
        span{
            font-family: '行楷-简';
            color: #000;
            font-size: 10em;
            font-weight: bold;
        }
        .txt{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            background: white;
            mix-blend-mode: screen;
        }
      </style>
      <div class="box">
        <video autoplay muted loop preload poster="https://www.apple.com.cn/v/iphone-12/g/images/overview/camera/night_mode_01__dg8mk3qbqhci_large.jpg">
          <source src="https://www.apple.com.cn/105/media/us/iphone-12/2020/7f5b7de7-9f8c-41eb-bf3b-f294773108e6/anim/video/large_2x.mp4" />
        </video>
        <div class="txt">
            <span>火云邪神</span>
        </div>
      </div>
</body>
</html>